<%-- 
    Document   : personas
    Created on : 16/03/2015, 11:08:19 PM
    Author     : DANNIIEL'S
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <title>JSP Page</title>
    </head>
    <body>
        <div class="container" style="margin-top: 3%">
            <div class="row">
                <div class="col-md-9 col-md-offset-2">

                </div>
            </div>
            <form action="ServletPersonal" method="POST">
                <fieldset>
                    <legend>Información Personal</legend>
                    <div class="row">
                        <div class="col-md-5">
                            <div class="form-horizontal" role="form" >
                                <div class="form-group">
                                    <label class="col-sm-3 control-label" for="identificacion">Identificación</label>
                                    <div class="col-xs-4">
                                        <input type="text" class="form-control" id="identificacion" name="identificacion" value="">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label" for="apellidos">Apellidos</label>
                                    <div class="col-xs-8">
                                        <input type="text" class="form-control" id="apellidos" name="apellidos" value="">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label" for="fechanac">Nacimiento</label>
                                    <div class="col-xs-5">
                                        <input type="date" class="form-control" id="fechanac" name="fechanac" value="">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label" for="ciudad">Ciudad</label>
                                    <div class="col-xs-5">
                                        <select class="form-control" id="ciudad" name="ciudad" value="">
                                            <option>Medellin</option>
                                            <option>Bogota</option>
                                            <option>Cartagena</option>
                                            <option>Barranquilla</option>
                                            <option>Cali</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label" for="genero">Genero</label>
                                    <div class="col-xs-5">
                                        <select class="form-control" id="genero" name="genero" value="">
                                            <option>Masculino</option>
                                            <option>Femenino</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-5">
                            <div class="form-horizontal" role="form">
                                <div class="form-group">
                                    <label class="col-sm-3 control-label" for="nombres">Nombres</label>
                                    <div class="col-xs-8">
                                        <input type="text" class="form-control" id="nombres" name="nombres" value="">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label" for="correo">Correo</label>
                                    <div class="col-xs-8">
                                        <input type="email" class="form-control" id="correo" name="correo" value="">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label" for="pais">País</label>
                                    <div class="col-xs-5">
                                        <select class="form-control" id="pais" name="pais" value="">
                                            <option>Colombia</option>
                                            <option>Peru</option>
                                            <option>Argentina</option>
                                            <option>Ecuador</option>
                                            <option>Panama</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label" for="ecivil">Estado Civil</label>
                                    <div class="col-xs-5">
                                        <select class="form-control" id="ecivil" name="ecivil" value="">
                                            <option>Casado/a</option>
                                            <option>Soltero/a</option>
                                            <option>Union Libre</option>
                                            <option>Viudo</option>
                                            <option>Separado/a</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <div  class="row" style="margin-top: 3%" >
                    <div class="col-md-5">
                        <div class="form-group">
                            <button type="submit" name="action" value="guardar"  class="btn btn-default ">Guardar</button>
                            <button type="submit" name="action" value="consultar" class="btn btn-default">Consultar</button>
                            <button type="submit" name="action" value="modificar" class="btn btn-default">Modificar</button>
                        </div>
                    </div>
                </div>
            </form>
            </
    </body>
</html>
